<html xmlns="http://www.w3.org/1999/xhtml"  
     xmlns:h="http://java.sun.com/jsf/html"      
      xmlns:f="http://java.sun.com/jsf/core"
     xmlns:p="http://primefaces.org/ui">  
 <h:head><title>Sistema de Alojamiento</title></h:head>  
 <h:body>
     <h:form>      
	     <table> 
		     <tr>
		     	<td><h:outputLabel for="id" value="Id : " /></td>
		     	<td><p:inputText id="id" value="#{alojamientoMB.id}">
		     			<f:converter converterId="javax.faces.Integer"/>
		     		    <p:ajax event="blur" update="idMsg" />
		     		</p:inputText>
		     		<p:message id="idMsg" for="id" display="icon"/> 
		     	</td>
		     </tr>
		     <tr>
		     	<td><h:outputLabel for="tipoalojamiento" value="Tipo alojamiento : " /></td>
		     	<td>
		     	<p:selectOneMenu id="tipoalojamiento"
						value="#{alojamientoMB.tipoAlojamiento}">
						<f:selectItems value="#{alojamientoMB.tipoAlojamientoList}" var="tipoAloj" itemLabel="#{tipoAloj.tipoAlojamiento}" itemValue="#{tipoAloj.id}" />
					</p:selectOneMenu>
		     		<p:message id="tipoalojamientoMsg" for="tipoalojamiento" display="icon"/> 
		     	</td>
		     </tr>
		     <tr>
		     	<td><h:outputLabel for="encargado" value="Encargado : " /></td>   
		     	<td>
		     	<p:selectOneMenu id="encargado"
						value="#{alojamientoMB.encargado}">
						<f:selectItems value="#{alojamientoMB.encargadoList}" var="encarg" itemLabel="#{encarg.descripcion}" itemValue="#{encarg.id}" />
					</p:selectOneMenu>
		     	
		     		<p:message id="encargadoMsg" for="encargado" display="icon"/> 
		     	</td>    
		     </tr>   

		     <tr>
		     	<td><h:outputLabel for="nombre" value="Nombre : " /></td>   
		     	<td><p:inputText id="nombre" value="#{alojamientoMB.nombre}"> 
		     			<f:validateLength minimum="1" /> 
		     			<p:ajax event="blur" update="nombreMsg" />  
		     		</p:inputText>
		     		<p:message id="nombreMsg" for="nombre" display="icon"/> 
		     	</td>    
		     </tr>  
		     
		     <tr>
		     	<td><h:outputLabel for="direccion" value="Direccion : " /></td>   
		     	<td><p:inputText id="direccion" value="#{alojamientoMB.direccion}"> 
		     			<f:validateLength minimum="1" /> 
		     			<p:ajax event="blur" update="direccionMsg" />  
		     		</p:inputText>
		     		<p:message id="direccionMsg" for="direccion" display="icon"/> 
		     	</td>    
		     </tr>
		     
		     <tr>
		     	<td><h:outputLabel for="disponibilidad" value="Disponibilidad : " /></td>   
		     	<td><p:selectBooleanButton value="#{alojamientoMB.disponible}" onLabel="Si" offLabel="No" onIcon="ui-icon-check" offIcon="ui-icon-close">  
        			</p:selectBooleanButton>  
		     	</td>    
		     </tr> 
		     
		     <tr>
		     	<td><h:outputLabel for="valor" value="Valor : " /></td>   
		     	<td><p:inputText id="valor" value="#{alojamientoMB.valor}"> 
		     			<f:validateLength minimum="1" /> 
		     			<p:ajax event="blur" update="valor" />  
		     		</p:inputText>
		     		<p:message id="valorMsg" for="valor" display="icon"/> 
		     	</td>    
		     </tr> 

	         <tr>
		     	<td><p:commandButton id="addAlojamiento" value="Agregar" action="#{alojamientoMB.addAlojamiento}" ajax="false"/></td>
		     	<td><p:commandButton id="reset" value="Reset" action="#{alojamientoMB.reset}" ajax="false"/></td>
		     </tr>   
	     </table>
     </h:form>      
</h:body>
</html> 